:root {
  font-family: PingFangSC-Regular, PingFang SC, PingFangSC-Medium, Inter,
    system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.15;
  font-size: 16px;
  font-weight: 400;
  color: #1d2129;
  -webkit-tap-highlight-color: transparent;
  --primary-color: #1c4ed1;
}
#nprogress .bar {
  background: var(--primary-color) !important;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(40, 44, 52, 0.1);
  border: 4px solid transparent;
  border-radius: 7px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(40, 44, 52, 0.3);
}

.page-content {
  height: 100%;
  display: flex;
  padding: 0px 48px 20px 48px;
  box-sizing: border-box;
}

.flex {
  display: flex;
  & > .flex-1 {
    flex: 1;
    width: 0px;
  }
  & > .flex-2 {
    flex: 2;
    width: 0px;
  }
  & > .flex-3 {
    flex: 3;
    width: 0px;
  }
}
.flex-y {
  display: flex;
  flex-direction: column;
  & > .flex-1 {
    flex: 1;
    height: 0px;
  }
  & > .flex-2 {
    flex: 2;
    height: 0px;
  }
  & > .flex-3 {
    flex: 3;
    height: 0px;
  }
}
